<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/channekBook.css">
    <link href="https://unpkg.com/layui@2.11.6/dist/css/layui.css" rel="stylesheet">
    <title>Document</title>
</head>
<body>
        <!-- 女频首页头 -->
<div class="channel_header">
    <div class="channel_header_bg">
        <img src="https://c.hotread.com/girlPc/assets/images/newGirlLogo.png" alt="">
        <div class="hotreadAndGirl">
            <span class="on">火星女频</span>
            <span>|</span>
            <span onclick="jumpShouye()">火星小说</span>
        </div>
        <div class="search-content">
            <input type="text" placeholder="弥楼芳时" class="search-text" id="searchInput">
            <img src="../img/channel_search.png" alt="" id="searchBtn">
        </div>
        <div class="main-login">
            <div>
                <span>充值</span>
                <span>|</span>
                <span>书架</span>
            </div>
            <div>
                <span onclick="login()">登录</span>
                <span>|</span>
                <span>注册</span>
            </div>
        </div>
    </div>
</div>
    <div class="hotr-nav">
        <div class="nav-main">
            <ul class="win-head">
                <li onclick="jumpNv()">
                    首页
                </li>
                <li onclick="jumpNvbook()"  class="on">
                    书库
                </li>
                <li onclick="jumpNvrank()">
                    排行榜
                </li>
                <li onclick="jumpGirlCopyRight()">
                    优质版权
                </li>
            </ul>
            <div class="download">
                <p>下载APP</p>
                <span>|</span>
                <p onclick="jumpAuthor()">作者中心</p>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="library">
            <div class="filtrate">
                <ul class="filtrateRect">
                    <li class="item">
                        <label class="classify">书籍分类：</label>
                        <div class="body">
                            <a href="" class="a on">全部</a>
                            <a href="" class="a">现代言情</a>
                            <a href="" class="a">古代言情</a>
                            <a href="" class="a">强强</a>
                            <a href="" class="a">二次元</a>
                            <a href="" class="a">中短篇</a>
                        </div>
                    </li>
                    <li class="item">
                        <label class="classify c1">内容标签：</label>
                        <div class="body">
                            <a href="" class="a on">全部</a>
                            <a href="" class="a">婚恋</a>
                            <a href="" class="a">总裁</a>
                            <a href="" class="a">甜宠</a>
                            <a href="" class="a">幻想</a>
                            <a href="" class="a">日久生情</a>
                            <a href="" class="a">刑侦</a>
                            <a href="" class="a">阴差阳错</a>
                            <a href="" class="a">一见钟情</a>
                            <a href="" class="a">豪门恩怨</a>
                            <a href="" class="a hide">军旅</a>
                            <a href="" class="a hide">美食</a>
                            <a href="" class="a hide">公文路</a>
                            <a href="" class="a hide">民国</a>
                            <a href="" class="a hide">破镜重圆</a>
                            <a href="" class="a hide">制服</a>
                            <a href="" class="a hide">相爱相杀</a>
                            <a href="" class="a hide">商战</a>
                            <a href="" class="a hide">网游</a>
                            <a href="" class="a hide">青梅竹马</a>
                            <a href="" class="a hide">恋爱契约</a>
                            <a href="" class="a hide">欢喜冤家</a>
                            <a href="" class="a hide">娱乐圈</a>
                            <a href="" class="a hide">高干</a>
                            <a href="" class="a hide">都市</a>
                            <a href="" class="a hide">虐恋</a>
                            <a href="" class="foor" onclick="out();return false;">展开</a>
                        </div>
                    </li>
                    <li class="item">
                        <label class="classify">写作状态：</label>
                        <div class="body">
                            <a href="" class="a on">全部</a>
                            <a href="" class="a">完本</a>
                            <a href="" class="a">连载</a>
                        </div>
                    </li>
                    <li class="item">
                        <label class="classify">收费状态：</label>
                        <div class="body">
                            <a href="" class="a on">全部</a>
                            <a href="" class="a">免费</a>
                            <a href="" class="a">收费</a>
                        </div>
                    </li>
                     <li class="item">
                        <label class="classify">排序依据：</label>
                        <div class="body">
                            <a href="" class="a on">更新时间</a>
                            <a href="" class="a">人气</a>
                        </div>
                    </li>
                </ul>
                <p class="msg">所有小说按照更新时间倒序排列</p>
            </div>
            <div class="all">
                <div class="content">
                    <ul class="ranklist">
                        
                    </ul>
                    <div class="page">
                        <div id="demo-laypage-normal-2"></div>
                    </div>
                </div>
                <div class="rightrank">
                    <div class="ranking">
                        <div class="title">积分榜</div>
                        <ul class="rlist">
                            <!-- 渲染数据 -->
                            <div class="more">
                                <a href="">查看更多</a>
                            </div>
                        </ul>
                    </div>
                    <div class="ranking">
                        <div class="title">月票榜</div>
                        <ul class="rlist">
                            <!-- 渲染数据 -->
                            <div class="more">
                                <a href="">查看更多</a>
                            </div>
                        </ul>
                    </div>
                    <div class="ranking">
                        <div class="title">打赏榜</div>
                        <ul class="rlist">
                            <!-- 渲染数据 -->
                            <div class="more">
                                <a href="">查看更多</a>
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://unpkg.com/layui@2.11.6/dist/layui.js"></script>
<script src="../js/channelBook.js"></script>
</html>